@import './index';
@top-title-prefix-cls: ~"@{coms-prefix}-top-title";
@font-size: 14px;
.@{top-title-prefix-cls} {
    .wea-new-top-content {
        overflow: hidden;
        .cube-list-top-countData {
            margin-left: 5px;
            .cube-list-top-countData-title {
                padding: 0 5px;
            }
        }
    }
    .wea-new-top {
        .wea-new-top-title {
            font-size: 15px;
            font-weight: 400;
            color: #333;
        }
        .ant-progress.ant-progress-line {
            top: 0px;
        }
        .cube-list-top-countData, .cube-list-top-countData-more, #top-countData-more {
            display: inline-block;
            margin-right: 10px;
            .cube-list-top-countData-title {
                padding: 0 5px;
            }
        }
        .cube-list-top-countData {
            display: none;
        }
        .cube-list-top-countData-more {
            word-break: break-all;
        }
        #top-countData-more {
            cursor: default;
            .icon-coms {
                visibility: hidden;
            }
        }
        #top-countData-list {
            position: absolute;
            z-index: 100;
            top: 40px;
            right: 36px;
            width: 500px;
            min-width: 100px;
            visibility: hidden;
            text-align: left;
            border-radius: 6px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0px 7px;
            background-color: #f9f9f9;
            &.showMore {
                visibility: visible;
            }
        }
    }
    .wea-new-top-req {
        position: relative;
        z-index: 1000;
    }
    // .icon-circle-base {
    //     width: 30px;
    //     height: 30px;
    //     font-size: 16px;
    //     line-height: 30px;
    //     text-align: center;
    // }
    .@{top-title-prefix-cls}-quicksearch {
        transition: width .3s;
        input.mode-input {
            min-height: 0px;
            line-height: 1;
            vertical-align: middle;
            border-radius: 0px;
            border-right: 0px;
        }
    }
    .@{top-title-prefix-cls}-quicksearch.@{top-title-prefix-cls}-quicksearch-mini {
        width: 28px;
        input {
            border-radius: 50%;
            padding-right: 0;
        }
    }
    .@{top-title-prefix-cls}-ab {
        .mode-popover-title {
            padding: 8px 20px;
        }
    }
    .@{top-title-prefix-cls}-drop-wrap {
        min-width: 120px;
        max-width: 200px;
        background-color: #fff;
        border: 1px solid #eaeaea;
        box-shadow: 0 0 5px #ddd;
        min-width: 120px;
        .@{top-title-prefix-cls}-drop-icon-bg {
            width: 36px;
            height: 100%;
            background-color: #f2f5f7;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
        }
        .@{top-title-prefix-cls}-drop-menu {
            background: transparent;
            box-shadow: none;
        }
        .mode-dropdown-menu-item {
            height: 30px;
            line-height: 30px;
            padding: 0 8px 0 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            .@{top-title-prefix-cls}-drop-icon {
                display: inline-block;
                width: 36px;
                margin-right: 6px;
                text-align: center;
            }
        }
        .mode-dropdown-menu-item.mode-dropdown-menu-item-active {
            background-color: #57c5f7;
            color: #fff;
        }
    }
}

.@{top-title-prefix-cls}.@{top-title-prefix-cls}-noIcon {
    .wea-new-top-title {
        .icon-circle-base {
            display: none;
        }
    }
}

.@{top-title-prefix-cls}.@{top-title-prefix-cls}-dialog {
    border-radius: 4px 4px 0px 0px;
    .icon-circle-base {
        font-size: 12px;
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
}

.@{top-title-prefix-cls}.@{top-title-prefix-cls}-base {
    .wea-tab {
        .wea-search-container {
            position: relative;
            top: 0px;
            border: 0px;
            .wea-advanced-search{
                right:10px;
            }
        
            .wea-advanced-searchsAd {
                max-height: 200px;
            }
            .wea-search-buttons{
                padding: 10px 0px;
            }
            .wea-search-group {
                .wea-form-cell{
                    min-height: 0px;
                }
            }
           
        }
        .mask-dark,
        .mask-wrapper {
            display: none !important;
        }
    }
}